first of all login your wapka site admin panel.... go to
file uploader than first box past this code

<div class="hdr"><**i class="fa fa-cloud-upload" aria-hidden="true" style="font-size:25px; color:red;"></i><b style="color:red;"> File Upload (300 MB)</b></div>
<***div class="error">
<**center>%notify%</center></div>
<**div class="card">
<**input type="file" name="upload"/>
<br>
<hr>
<br><**table><tr><td>
<b>Upload Thumbnail</b></td><td><a id="upload" class="button1"><font color="black">[ <i class="fa fa-upload" aria-hidden="true"></i> ]</font></a></td></tr></table>
<br>
<***textarea name="description" rows="1" id="comment-comment"></textarea>

<br>

<***button type="submit" class="w3-btn w3-white w3-border w3-border-red w3-round-small"><h4>Upload</h4></button>
</div>







<**"style>.button1{border-radius:30px;border:2px solid #E55451;padding:5px;}</style>

<***style>.hidetitle{display: none;}</style>
<***input style="display:none" type="file" id="f" accept="image/*">
<***script src="/api-imgur"></script>
<***script>
document.querySelector("#upload").onclick = function() {
document.querySelector("#f").click();}
imgur("#f",{loading : function(load) {document.querySelector("#upload").innerHTML = '[ <i class="fa fa-upload" aria-hidden="true"></i> Upload pictures '+load+' ]'},
loaded : function(link,size,type,time) {
var input = $("textarea#comment-comment").val();
$("textarea#comment-comment").val(input+" "+link+" ");
$("#upload").html('[ <i class="fa fa-upload" aria-hidden="true"></i>]');}})
</script>



<***script>
function imgur(f,ob){var files=document.querySelector(f);files.onchange=function(){var file=this.files[0];if(file&&file.type.match(/image.*/)){var fd=new FormData();fd.append("image",file);var xhr=new XMLHttpRequest();xhr.open("POST","https://api.imgur.com/3/image.json");xhr.upload.onprogress=function(e){if(e.lengthComputable){var percent=Math.floor((e.loaded/e.total)*100)+'%';ob.loading(percent;xhr.onload=function(){var imgs;var res=JSON.parse(xhr.responseText);if(res.status===200&&res.success===!0){var data=res.data;ob.loaded(data.link,data.type,data.size,data.datetime)}else{window.alert('Error: Upload failed')}}
xhr.setRequestHeader('Authorization','Client-ID b558035630d26ef');xhr.send(fd)}else{window.alert('Only picture options allowed')}}}</script>

<br> remove all * from code than second box config past this code

<DIR>58585</DIR><MAXSIZE>300</MAXSIZE>

<var_description></var_description>

your file uploader is ready now.. now we work for filelister again goto your website admin panel than click
on file lister and past this code step by step first box code

<a href="/filem/name?id=%id%"><***div style="background:url(https://moleys.github.io/assets/patterns/body-bg7.png);border-bottom:#E41B17 solid 6px;
background-color:black;
color: white; padding-top:10px; padding-bottom:10px;"><***table><tr><td><img src="%var(description)%" style="width:100px;height:100px"/></td><td style="padding-left:30px;"> %name%.%format% (%size%)</td></tr></table></div></a>

remove all * from code than past this code in second config box

<dir>58585</dir>

<limit>10</limit><page></page><url>?page=</url><order>new</order>

Note:--
<dir> here is your file manager's folder id </dir> that's all.. i hope this wilo be helpfull for you. . )@REPLACE(["\r\n","
"])}}